<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <!-- 指定文档字符编码 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 响应式设计必备，控制页面在不同设备上的显示 -->
    <meta name="description" content="这是一个展示HTML元数据标签应用的示例页面">
    <!-- 网页内容描述，用于搜索引擎优化 -->
    <meta name="keywords" content="HTML, 元数据, meta标签, 前端开发">
    <!-- 网页关键词，帮助搜索引擎分类 -->
    <meta name="author" content="前端开发者">
    <!-- 网页作者信息 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 告诉IE浏览器使用最新的渲染模式 -->
    <meta name="robots" content="index, follow">
    <!-- 告诉搜索引擎爬虫可以索引本页面并跟踪链接 -->
    <meta name="theme-color" content="#3498db">
    <!-- 定义浏览器工具栏的颜色 -->
    <title>HTML元数据标签示例</title>
</head>
<body>
    <h1>HTML元数据标签示例</h1>
    <p>查看页面源代码可看到各种meta标签的应用</p>
</body>
</html>
